<script setup>
//注册钩子函数
import {onBeforeMount,onMounted,ref} from "vue";

const count = ref(0)
//挂载钩子函数：目的是执行我们的函数
onMounted(()=>{
  console.log("执行onMounted。。。")
  count.value++;
})
//很重要，可以做动画，从远程获取数据，axios
//钩子函数，回调函数，把函数作为参数传递给函数
onBeforeMount(()=>{
  console.log('执行自定义动画.....')

  console.log("执行onBeforeMount。。。")
  //模拟从远程获取值,假设获取到的值是120
  console.log('获取远程数据。。。')
  count.value = 120
})

</script>

<template>
      <div>计数器:{{count}}</div>
</template>

<style scoped>

</style>